<template>
	<view class="content" :style="{paddingTop:`${$safeh}px `}">
		<u-swiper :style="{paddingTop:`${$safeh}px `}" :list="list1"></u-swiper>
		<view class="mainbox u-radius-20 u-m-t-30">
			<u-notice-bar :text="text1" bgColor='#eff8ff' color='#000'></u-notice-bar>
			<view class="tbutton u-m-t-30">
				<view class="tbutton_item" v-for="(item,index) in tblist" @click="difclick(index)">
					<image :src="item.img" mode=""></image>
					<text>{{item.name}}</text>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="bottom_item u-p-lr-60">
				<text @click="showpriceintro">价格说明</text>
				<text @click="showuseintro">使用说明</text>
			</view>
		</view>
		<u-popup :show="infoshow" @close="close" round=10 :closeOnClickOverlay='true' @open="open">
			<infopop @cancelclick='cancelclick' @confirmclick='confirmclick'>
			</infopop>
		</u-popup>
		<u-popup :show="priceshow" mode="center" @close="priceclose" :closeable='true' :closeOnClickOverlay='true'>
			<scroll-view style="height: 800rpx;" scroll-y="true">
				<view class="u-p-30" style="width: 646rpx;">
					<view class="u-font-36 u-m-tb-20 u-font-bold" style="color: red;">
						代取和代送包裹大小件标准：
					</view>
					<view class="">
						普通小件：3kg以内（如书，普通袋装衣服大小1.5元）
					</view>
					<view class="u-m-tb-20">
						中件：3-5kg以内（如鞋盒羽绒服2.5元）
					</view>
					<view class="u-m-tb-20">
						大件：5-10kg以内（如整箱牛奶方便面3.5元）
					</view>
					<view class="">
						超大件：10kg以上（大件行李5元）
					</view>
					<view class="u-m-tb-20 u-font-36 u-font-bold" style="color: red;">
						包裹待寄：
					</view>
					<view class="">德邦大包裹报价单（平时价格）（毕业季另行通知）</view>
					<view class="u-font-bold u-m-tb-20">
						德邦不发小包裹哈
					</view>
					<view class="u-m-tb-20">
						河南省:首重6元续重2元
					</view>
					<view class="">
						江苏 浙江 上海 安徽 山东 北京 天津 河北 湖北 湖南 江西 山西 福建 广东 广西 海南 云南 贵州 四川 重庆 黑龙江 吉林 辽宁 陕西：首重7元续重4元
						<view class="u-m-tb-20">
							甘肃 宁夏 青海 内蒙古:首重10元续重6元
						</view>
						新疆 西藏：不发
					</view>
					<view class="u-font-bold u-m-tb-20">
						中通.极兔. 邮政小包裹报价单
					</view>
					<view class="">
						<view class="u-m-tb-20">
							河南省: 6元包两公斤续重2元每公斤
						</view>
						江苏 浙江 上海 安徽 山东 北京 天津 河北 湖北 湖南 江西 山西 福建 广东 广西 海南 云南 贵州 四川 重庆 黑龙江 吉林 辽宁 陕西：7元包两公斤需要4元每公斤
						<view class="u-m-tb-20">
							甘肃 宁夏 青海 内蒙古:10元包两公斤需要6元
						</view>
						新疆 西藏：不发
					</view>
				</view>
			</scroll-view>
		</u-popup>
		
		<u-popup :show="officialshow" mode='center' @close="officialclose" :closeable='true' >
			<view class="u-p-30">
				<text>出淤泥而不染，濯清涟而不妖</text>
			</view>
		</u-popup>

	</view>
</template>

<script>
	import infopop from '../../components/infopop.vue'
	export default {
		components: {
			infopop
		},
		data() {
			return {
				priceshow: false,
				useshow: false,
				infoshow: false,
				codes: '',
				content: '',
				officialshow: false,
				is_dy: '',
				openid: '',
				group_id: '',
				text1: '',
				Park: '',
				list1: [],
				tblist: [{
						img: '../../static/getpackage.jpg',
						name: '取包裹'
					},
					{
						img: '../../static/returnpackage.jpg',
						name: '退包裹'
					},
					{
						img: '../../static/sendpackage.jpg',
						name: '寄包裹'
					},
				]
			}
		},
		onLoad() {
			
			this.getWxCode()
			this.getgg()
			this.getswiper()
			
		},
		onShow() {
			if (uni.getStorageSync('token')) {
				this.init()
			}
		},
		methods: {
			getoffice(){
				uni.navigateTo({
					url:'/pages/index/webview/webview'
				})
			},
			init() {
				this.$userinfo().then(res => {
					this.is_dy = res.data.data.is_dy
					this.Park = res.data.data.Park
					this.group_id = res.data.data.group_id
				})
			},
			showpriceintro() {
				this.priceshow = true
			},
			showuseintro() {
				uni.navigateTo({
					url: '/pages/useintro/useintro'
				})
			},
			useclose() {
				this.useshow = false
				// console.log('close');
			},
			priceclose() {
				this.priceshow = false
				// console.log('close');
			},
			open() {
				// console.log('open');
			},
			officialclose(){
				this.officialshow = false
			},
			close() {
				this.infoshow = false
				// console.log('close');
			},
			cancelclick(e) {
				this.infoshow = e
				this.init()
			},
			confirmclick(e) {
				this.infoshow = e
				this.init()
			},
			//公告
			getgg() {
				this.$api.post('/index/homennouncement', {}).then(res => {
					this.text1 = res.data
				})
			},
			//轮播图
			getswiper() {
				this.$api.post('/index/homebanner', {}).then(res => {
					this.list1 = res.data.map(item => {
						return this.$oss(item.image)
					})
				})
			},
			login(openid) {
				this.$api.post('/user/miniwechatUserInfo', {
					openid,
				}).then(res => {
					console.log(res, '成功');
					uni.setStorageSync('token', res.data.userinfo.token)
					if (res.data.userinfo.wx_openid == null) {
						this.$toast('3s后跳转关注公众号~')
						setTimeout(()=>{
							this.getoffice()
						},2000)
					}
					this.init()
				}).catch(err => {
					console.log(err, '失败');
				})
			},
			getopenid() {
				this.$api.post('/user/wxopenid', {
					code: this.codes
				}).then(res => {
					console.log(res, '成功');
					this.login(res.data)
				}).catch(err => {
					console.log(err, '失败sssssssssssssssssssss');
				})
			},
			getWxCode() {
				let _this = this;
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						_this.codes = loginRes.code;
						console.log(_this.codes, '我是code');
						_this.getopenid()
					},
					fail: (e) => {
						console.log(e)
					}
				});
			},
			difclick(index) {
				this.init()
				if (this.group_id == 3) {
					this.$toast('暂未开放~')
					return
				}
				if (this.is_dy == 0) {
					this.$toast('已经打样了哦~')
					return
				}
				if (!this.Park) {
					this.$toast('请先完善收货地址~')
					setTimeout(() => {
						this.infoshow = true
					}, 1000)
					return
				}
				if (index == 0) {
					this.content =
						"1.包裹上的名字和电话必须一致！<br>2.每天上午订单14点至16点派送，下午的订单19点至21点派送。<br>3. 如遇突发恶劣天气延迟派送。<br>4. 截单时间为18点。"
					this.content = this.content.replace(/<br>/g, "\n")
					uni.showModal({
						title: '温馨提示~',
						content: this.content,
						success: function(res) {
							if (res.confirm) {
								uni.navigateTo({
									url: '/pages/getpackage/getpackage'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})

				} else if (index == 1) {
					this.content =
						"1.郑速达代送各平台网购退货（只服务与郑大校内，目前不支持淘系.）上门退货包裹需在包裹写上。<br>2.郑速达+退货快递公司+电话+退货码（注！四位数的取件码或寄件码）。<br>3.上门订单需下单到16点后.请在下午15点前放置楼下并进行拍照上传。<br>4.拼多多驿站寄件包裹需在包裹上写郑速达+寄件人电话+收件人电话！并拍照上传。<br>5.下单进入郑速达小程序链接。"
					this.content = this.content.replace(/<br>/g, "\n")
					uni.showModal({
						title: '温馨提示~',
						content: this.content,
						success: function(res) {
							if (res.confirm) {
								uni.navigateTo({
									url: '/pages/returnpackage/returnpackage'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})

				} else {

					this.content =
						"1.代寄包裹下单时标注具体楼栋位置。<br>2.在包裹里写上郑速达+寄件人姓名+收件人姓名。<br>3.放楼下拍照发QQ群里。<br>4.每天15点前订单当天发走。 "
					this.content = this.content.replace(/<br>/g, "\n")
					uni.showModal({
						title: '温馨提示~',
						content: this.content,
						success: function(res) {
							if (res.confirm) {
								wx.navigateToMiniProgram({
									appId: 'wx6885acbedba59c14',
									//develop开发版；trial体验版；release正式版
									envVersion: 'release',
									path: 'pages/order/mrkorder?sign=t9euvR1WqwhiMarket',
									extraData: { //传给目标小程序的参数
										order_type: true
									},
									success(res) {},
									fail(err) {

									}
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})


				}

			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: rgb(239, 248, 255);
		position: relative;
		height: 100%;
	}

	.mainbox {
		width: 686rpx;
		margin: 0 auto;
		background-color: rgb(239, 248, 255);
		padding: 30rpx;
		box-sizing: border-box;
		box-shadow: 2px 0px 10px 5px #d3e9ff;
	}

	.tbutton {
		display: flex;
		align-items: center;
		justify-content: space-around;

		.tbutton_item {
			display: flex;
			flex-direction: column;
			align-items: center;

			image {
				width: 150rpx;
				height: 150rpx;
				margin-bottom: 20rpx;
			}
		}
	}


	.bottom {
		position: absolute;
		width: 100%;
		bottom: 60rpx;

		.bottom_item {
			display: flex;
			align-items: center;
			justify-content: space-between;

			text {
				border-radius: 20rpx;
				border: 1rpx solid #999;
				padding: 10rpx 20rpx;
			}
		}
	}
</style>